import React from 'react'
import Carousel from "@ant-design/react-native/es/carousel/index";
import {Image, StyleSheet, View} from "react-native";


const Nav = ({}) => {
  return <Carousel
    style={styles.wrapper}
    selectedIndex={2}
    autoplay
    infinite
  >
    <Image source={{uri:'https://org.modao.cc/uploads4/images/3133/31336283/v2_pnxd2q.png'}} style={{width: '100%', height: 150}}  />
    <View
      style={[styles.containerHorizontal, {backgroundColor: 'rgb(255, 100, 153)'}]}
    >
      <Image source={{uri:'https://org.modao.cc/uploads4/images/3133/31336283/v2_pnxd2q.png'}} style={{width: '100%', height: 150}} />
    </View>
    <View
      style={[styles.containerHorizontal, {backgroundColor: 'rgb(255, 0, 153)'}]}
    >
      <Image source={{uri:'https://org.modao.cc/uploads4/images/3133/31336283/v2_pnxd2q.png'}} style={{width: '100%', height: 150}} />
    </View>
  </Carousel>
}
const styles = StyleSheet.create({
  wrapper: {
    backgroundColor: '#fff',
    width:'100%'
  },
  containerHorizontal: {
    flexGrow: 1,
    alignItems: 'center',
    justifyContent: 'center',
    height: 150,
  },
  containerVertical: {
    flexGrow: 1,
    alignItems: 'center',
    justifyContent: 'center',
    height: 150,
  },
  text: {
    color: '#fff',
    fontSize: 36,
  },
});
export default Nav

